<template>
	<div class="new-user-rd">
		<common-header title="数据披露"></common-header>
		<div class="banner mt10"><img src="../../static/images/data-report.jpg" alt=""></div>
		<div class="nu-contain">
			<div class="nc-item">
				<div class="nc-title font16">
					平台数据 <span class="gray font12 ml10">每日0:00更新</span>
				</div>
				<div class="date-show ofH">
					<div class="ds-item">
						<p class="label">历时</p>
						<p class="num">20天</p>
					</div>
					<div class="ds-item">
						<p class="label">参与人</p>
						<p class="num">15位</p>
					</div>
					<div class="ds-item">
						<p class="label">投资项目</p>
						<p class="num">1个</p>
					</div>
					<div class="ds-item">
						<p class="label">众筹目的地</p>
						<p class="num">10个</p>
					</div>
					<div class="ds-item">
						<p class="label">成交金额</p>
						<p class="num">10万</p>
					</div>
					<div class="ds-item">
						<p class="label">总投资金额</p>
						<p class="num">10万</p>
					</div>
				</div>

			</div>
			<div class="nc-item">
				<div class="nc-title font16">运营报告</div>
				<div class="report-list">
					<div class="report-item">
						<p class="r-title">1分红报告</p>
						<p class="r-in">1个分红项目</p>
						<p class="r-in">总额达到¥ 100000 元</p>
					</div>
					<div class="report-item">
						<p class="r-title">2018年乐趣投年终盘点</p>
						<p class="r-in">10个分红项目</p>
						<p class="r-in">总额达到¥ 100000 元</p>
					</div>
				</div>
			</div>
		</div>
	</div>
</template>

<style scoped lang="scss">
	.banner img{width:100%;height: a(420px);}
	.nu-contain{padding: 0 a(30px) 40px;}
	.nc-item{
		margin-top: a(60px);
		.nc-title{
			padding-left: 12px;
			position: relative;
			@include lh(20px);
			&:after{
				content:'';
				position: absolute;
				top:4px;
				left: 0;
				height: 14px;
				width: 4px;
				background: #02d560;
			}
		}
		.date-show{
			padding: 30px;
			.ds-item{
				display: inline-block;
				float: left;
				width: 49%;
				padding: 20px 0;
				text-align: center;

				.label{
					font-size: 12px;
					color: #969696;
				}
				.num{
					font-size: 20px;
					margin-top: 15px;
				}
			}
		}
	}
	.report-item{
		&:first-child{margin-top: 20px;}
		margin-top: 10px;
		padding-top: a(44px);
		padding-left: a(50px);
		@include bg('../../static/images/cool-background.png',100%,a(230px));

		.r-title{
			font-size: 22px;
			font-weight: bold;
			color: #ffffff;
			margin-bottom: 15px;
		}
		.r-in{
			margin-top: 5px;
			font-size: 12px;
			color: #ffffff;
		}
	}
</style>

<script>
	import commonHeader from "__cp/commonHeader";
	export default{
		name:"new-user",
		components:{commonHeader},
		methods:{
			
		}
	}

</script>